<template>
  <div class="sponsors padding-25-50">
    <h2>Interested in becoming a sponsor?</h2>
    <p>
      RubyConf is such a fun, memorable event in large part due to our
      fantastic Sponsors and Supporters. Join this dynamic group of
      organizations that help make RubyConf unique.
    </p>
    <p>
      <a href="mailto:sponsors@rubycentral.org">Get in touch</a> about our
      sponsorship opportunities.
    </p>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: '',
  props: {},
  setup() {
    //
  },
});
</script>
<style lang="less">
.sponsors {
  text-align: center;
  h2 {
    margin-top: 25px;
    padding-top: 80px;
  }
  h2 {
  background: url(/img/sponsors-icon.svg) center 0 no-repeat;
}
  h3 {
    color: #ea652c;
    margin-bottom: 5px;
  }
}
</style>
